<template>
  <a-popover  :open="visible" title="Title" trigger="click">
    <template #content>
      <p>Content</p>
      <p>Content</p>
      <a @click="hide">关闭</a>
    </template>
    <a-button type="primary" @click="onShow">点我</a-button>
  </a-popover>
</template>

<script setup lang="ts">
import {ref} from 'vue'
const visible = ref(false)
function hide(){
  visible.value = false
}
function onShow(){
  visible.value = true
}
</script>

<style scoped></style>
